<template>
	<view class="page">
		<!-- 就诊人信息 -->
		<view class="patientInfo">
			<view class="infos">
				<view class="info_title">
					就诊人
				</view>
				<view class="info_content">
					王小柯
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					就诊医院
				</view>
				<view class="info_content">
					四川省保健院南苑
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					挂号医生
				</view>
				<view class="info_doctor">
					<image style="width: 36rpx;margin-right: 10rpx;" src="https://cdn8.axureshop.com/demo/2208121/images/%E5%8C%BB%E7%94%9F%E5%88%97%E8%A1%A8/u809.png" mode="widthFix"></image>
					<text>刘医生（主任医师）</text>
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					挂号科室
				</view>
				<view class="info_content">
					门诊外一科
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					就诊时间
				</view>
				<view class="info_content">
					2020-01-01 15:20
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					就诊费用
				</view>
				<view class="info_content">
					<view class="">
						530.13元
					</view>
					<view class="otherfree">
						挂号费：10元、医嘱费：520.13
					</view>
				</view>
			</view>
			<view class="infos">
				<view class="info_title">
					诊断
				</view>
				<view class="info_content">
					一般情况良好，呼吸平稳。外耳道通常，无明显红肿
				</view>
			</view>
		</view>
		<!-- 费用清单 -->
		<view class="Cost_List">
			<view class="title">
				费用清单
			</view>
			<view class="check_lists">
				<view class="check_list">
					<view class="list_title">
						<view class="logo" style="background-color: rgba(230, 244, 255, 1);color: #1677FF;">
							药
						</view>
						<view class="number">
							处方号（20200101032）
						</view>
					</view>
					<view class="project_lists">
						<view class="project_list">
							<view class="">
								1、葆宫止血颗粒*3盒
							</view>
							<view class="">
								￥50.13
							</view>
						</view>
						<view class="project_list">
							<view class="">
								2、维生素B1*2瓶
							</view>
							<view class="">
								￥20.00
							</view>
						</view>
						<view class="project_list">
							<view class="">
								3、维生素B2*2瓶
							</view>
							<view class="">
								￥10.00
							</view>
						</view>
						<view class="project_list">
							<view class="">
								4、维生素E*2瓶
							</view>
							<view class="">
								￥10.00
							</view>
						</view>
						<view class="project_list">
							<view class="">
								5、维生素C*2瓶
							</view>
							<view class="">
								￥10.00
							</view>
						</view>
					</view>
				</view>
				<view class="check_list">
					<view class="list_title">
						<view class="logo" style="background-color: rgba(255, 251, 230, 1);color: #FAAD14;">
							查
						</view>
						<view class="number">
							检查单号（20200101133）
						</view>
					</view>
					<view class="project_lists">
						<view class="project_list">
							<view class="">
								1、CT
							</view>
							<view class="">
								￥200.00
							</view>
						</view>
						<view class="project_list">
							<view class="">
								2、上腹部CT平扫
							</view>
							<view class="">
								￥220.00
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="subtotal">
				合计：￥520.13
			</view>
		</view>
		<!-- 门诊报告 -->
		<view class="Outpatient_report">
			<view class="title">
				门诊报告
			</view>
			<view class="project_lists">
				<view class="project_list">
					<view class="lineOne">
						<view class="name">
							双肾及肾血管彩色多普勒
						</view>
						<view class="status">
							报告已出
						</view>
					</view>
					<view class="time">
						报告时间：2020-01-01 10:20:36
					</view>
				</view>
				<view class="project_list">
					<view class="lineOne">
						<view class="name">
							双肾及肾血管彩色多普勒
						</view>
						<view class="status" style="background-color: rgba(255, 241, 240, 1);color: #FF4D4F;">
							报告未出
						</view>
					</view>
					<view class="time">
						报告时间：2020-01-01 10:20:36
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.page{
		background-color: #f2f2f2;
		min-height: 100vh;
		// 就诊人信息
		.patientInfo{
			background-color: #fff;
			.infos{
				padding: 30rpx 0;
				padding-right: 36rpx;
				margin-left: 40rpx;
				border-bottom: 2rpx solid #f2f2f2;
				box-sizing: border-box;
				display: flex;
				font-family: 'Microsoft YaHei UI', sans-serif;
				font-size: 28rpx;
				color: #1f1f1f;
				.info_title{
					flex: 0 0 114rpx;
					width: 114rpx;
					color: #7f7f7f;
					margin-right: 62rpx;
				}
				.info_doctor{
					display: flex;
					align-items: center;
				}
				.info_content{
					.otherfree{
						font-size: 24rpx;
						color: #7f7f7f;
						margin-top: 12rpx;
					}
				}
			}	
		}
		// 费用清单
		.Cost_List{
			margin: 30rpx 0;
			padding: 42rpx 40rpx;
			box-sizing: border-box;
			background-color: #fff;
			.title{
				font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
				font-size: 28rpx;
				color: #000;
				font-weight: 700;
				padding-left: 20rpx;
				position: relative;
			}
			.title:before{
				content: '';
				width: 8rpx;
				height: 26rpx;
				background-color: rgba(22, 119, 255, 1);
				border-radius: 16rpx;
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
			}
			.check_lists{
				margin-top: 32rpx;
				border-bottom: 2rpx solid #f2f2f2;
				box-sizing: border-box;
				.check_list{
					padding-bottom: 30rpx;
					box-sizing: border-box;
					.list_title{
						height: 42rpx;
						display: flex;
						align-items: center;
						font-family: 'Microsoft YaHei UI', sans-serif;
						font-size: 28rpx;
						color: #000;
						.logo{
							width: 46rpx;
							height: 42rpx;
							line-height: 42rpx;
							text-align: center;
							font-size: 24rpx;
							border-radius: 4rpx;
							margin-right: 20rpx;
						}
					}
					.project_lists{
						margin-top: 24rpx;
						.project_list{
							height: 40rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							font-family: 'Microsoft YaHei UI', sans-serif;
							color: #7F7F7F;
							font-size: 28rpx;
							margin-bottom: 16rpx;
						}
					}
				}
			}
			.subtotal{
				font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
				font-size: 28rpx;
				font-weight: 700;
				text-align: right;
				margin-top: 40rpx;
			}
		}
		// 门诊报告
		.Outpatient_report{
			padding: 42rpx 40rpx;
			box-sizing: border-box;
			background-color: #fff;
			.title{
				font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
				font-size: 28rpx;
				color: #000;
				font-weight: 700;
				padding-left: 20rpx;
				position: relative;
			}
			.title:before{
				content: '';
				width: 8rpx;
				height: 26rpx;
				background-color: rgba(22, 119, 255, 1);
				border-radius: 16rpx;
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
			}
			.project_lists{
				.project_list{
					margin-top: 30rpx;
					height: 170rpx;
					background-color: rgba(255, 255, 255, 1);
					border: 2rpx solid rgba(242, 242, 242, 1);
					border-radius: 16rpx;
					box-sizing: border-box;
					padding: 30rpx 28rpx;
					.lineOne{
						height: 42rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
						font-size: 28rpx;
						.name{
							font-weight: 700;
						}
						.status{
							width: 106rpx;
							height: 40rpx;
							line-height: 40rpx;
							text-align: center;
							background-color: rgba(230, 255, 251, 1);
							color: #13C2C2;
							font-size: 24rpx;
						}
					}
					.time{
						font-family: 'Microsoft YaHei UI', sans-serif;
						font-size: 24rpx;
						color: #aaa;
						margin-top: 26rpx;
					}
				}
			}
		}
	}       
</style>
